/* Common settings */
html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;	
	font:11px Tahoma, Sans-serif;
}

a { text-decoration:none;}
a, a:visited { color: black; }
.dn {display: none; }

/* Composition */
#composition { 
	width: 100%; 
	height: 100%; 
}

.ui-button-text { color: black; font-weight: normal; font: font:11px Tahoma, Sans-serif }

.component 
{
	width: auto; 		
	min-width: 100px;
	position: absolute;
	background-color: orange;
	border: 1px solid #346789;
	padding: 5px 5px 5px 5px;	
	text-align:center;
	cursor: pointer;
}

.componentSel
{
	border: 1px solid red;	
}

/* Layout */
.ui-layout-north{ overflow:hidden !important; padding:2px !important}
.ui-layout-north,
.ui-layout-south,
.ui-layout-east{ background-color: #EEE !important;}

.ui-layout-east {padding: 1px !important;} 

/* BCL Pane */
.ui-layout-east  .ui-layout-south{	
	/* padding: 3px !important; */
	background-color: #FFFFFF !important;
} 


#ajaxNotification 
{
	position: absolute; 
	top: 6px; 
	left: 6px; 	
	background-color: white; 	
}

.ui-button { margin-top: 10px; }
#availableBundles {width: 200px; }

/* JSTree */
.treeViewRoot {font-weight: bold;}

/* Bundle View */ 
.bundleName{width: 100%; font-weight: bold; font-size:13px; padding:2px; margin:2px}
.bundleInfo{width: 100%; padding:2px; margin:2px}
.bundleInfoWrap{border-bottom: solid 2px #BBBBBB;}
.bundleInfoWrap a {text-decoration: underline}
	
/* Output */
#output ul { padding:1; margin:0; }  
#output li{ position:relative; }  

/* Colors for semantic messages */
#output a.message-error {color: red; }
#output a.message-info {color: blue; }
#output a.message-warning {color: orange; }

/* Constraints dialog */
#bclView 
{	
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	font-size: 12px;
	overflow: auto;
}